<template xmlns:el-col="http://www.w3.org/1999/html">

    <el-container class="el-container">
     <el-header class="homeHeader" ><TopNavMenu></TopNavMenu></el-header>
      <el-container>
        <el-aside width="200px"><NavMenu></NavMenu></el-aside>
        <el-main> <router-view/></el-main>
      </el-container>
    </el-container>
</template>

<script>
  import NavMenu from "../common/NavMenu";
  import TopNavMenu from "../common/TopNavMenu";
  import Book from "../book/Book";
  export default {
    name: "AppIndex",
    components:{NavMenu,TopNavMenu,Book},
    data(){
      return{
        // date: new Date()
      }

  },
    methods:{
      open1() {
        const h = this.$createElement;

        this.$notify({
          title: '欢迎登陆图书进销存管理系统',
          message: h('i', { style: 'color: teal'}, this.$store.state.user.username)
        });
      },

    }
  }
</script>

<style scoped>
  .homeHeader {
    background: linear-gradient(to right, #71c4d5, pink);
    //background-color: #36b7e5;
    border-radius: 5px;
    margin-bottom: 10px;
  }
  .el-container{
    height: 100vh;
  }

</style>

